$font-colorThree: #5ef5f9;      // title字体颜色
$font-colorTop: #07a1e4;        // 表头字体颜色
$font-colorTwo: #fff;           // 默认字体颜色
$font-colorEer: #f8cc04;        // 超时字体颜色
$font-sizeS: 16px;                // 默认字体大小
$font-sizeM: 18px;                // title字体大小
$font-sizeSM: 12px;
$font-sizeSL: 15px;

p {
  color: $font-colorThree;
  font-size: $font-sizeM;
  margin: 0;
}

table { margin-left: 5px }

td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: $font-sizeS;
  color: $font-colorTwo;
  padding-left: 8px;
  padding-top: 3px;
}

thead > tr > td { color: $font-colorTop;}
i { font-style: normal; }
.title { display: flex; padding-left: 10px;
  :first-child {margin-right: 40px;}
}
.logo { width: 20px; height: 20px; vertical-align: text-bottom; }
.warning { color: $font-colorEer; }
.waringImg { width: 25px; height: 20px; margin-left: 5px; vertical-align: text-top; }


/* media query */
@media (max-width:1900px) {
  p { font-size: $font-sizeSL; }
  td { font-size: $font-sizeSM; padding-left: 5px; padding-top: 2px; }
  .logo { width: 16px; height: 16px;}
  .title {
    :first-child {margin-right: 25px}
  }
}
